<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>

                <h:form id="formulario">
                    <p:panel header="Ver Orden de Compra" style="width:100%;">

                        <p:panelGrid style="width:800px;margin:0 auto;text-transform: none !important;" id="verOrdenCompra"> 

                            <p:row>
                                <p:column colspan="4" styleClass="pocoPadding">
                                    <cote:componenteCabecera documento="ORDEN DE COMPRA" 
                                                             codigo="#{BKOrdenCompra.ordenCompraFormulario.codigo}"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column style="width: 100px" styleClass="pocoPadding1">
                                    <h:outputLabel value="FECHA DE EMISIÓN:" class="negrita print" />
                                </p:column>
                                <p:column style="width: 320px" styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.fechaEmision}" class="print"  > 
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="width: 80px;border: 1px solid #000000;border-right-width: 0px;"
                                          styleClass="pocoPadding1">
                                    <h:outputLabel value="OP:" class="negrita print" />
                                </p:column>
                                <p:column style="border: 1px solid #000000;border-left-width: 0px;"
                                          styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.idOrdenPedido.codigoOrdenPedido}" class="print" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="width: 100px" styleClass="pocoPadding1">
                                    <h:outputLabel value="PROVEEDOR:" class="negrita print" />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.idProveedor.razonSocial}" class="print"  />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputLabel value="TELEFONO: " class="negrita print" />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.telefono}" class="print" />
                                </p:column>

                            </p:row>

                            <p:row>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputLabel value="RUC: " class="negrita print" />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.idProveedor.ruc}" class="print" />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputLabel value="ATENCION: " class="negrita print" />
                                </p:column>
                                <p:column styleClass="pocoPadding1">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.contacto}" class="print" />
                                </p:column>


                            </p:row>
                            <p:row>
                                <p:column styleClass="pocoPadding1" style="padding-bottom: 10px !important">
                                    <h:outputLabel value="DIRECCION: " class="negrita print" />
                                </p:column>
                                <p:column colspan="3" styleClass="pocoPadding1" style="padding-bottom: 10px !important">
                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.direccion}" class="print" />
                                </p:column>

                            </p:row>




                            <p:row>
                                <p:column colspan="4" >

                                    <p:panelGrid style="width:100%;margin: 0; padding: 0">
                                        <p:row >
                                            <p:column colspan="4" style="border: 1px #000000 solid;padding: 0">
                                                <p:dataTable id="dataTablaDetalleOrden" var="detalle" widgetVar="carsTable" styleClass="dataTabble-print"
                                                             value="#{BKOrdenCompra.listaDetalleOrdenCompraServicio}"  rowIndexVar="rowIndex" 
                                                             rowStyleClass="rowStyleOrdenCS" style="height: 322px"
                                                             > 

                                                    <p:column id="idColumnaNum" headerText="ITEM" style="width: 5%" > 
                                                        <h:outputText value="#{rowIndex+1}" /> 
                                                    </p:column>

                                                    <p:column > 
                                                        <h:graphicImage rendered="#{detalle.imagen ne null}" value="/ordenCS/#{detalle.imagen}" style="height: 40px;width: auto" />
                                                    </p:column>

                                                    <p:column id="idDescripcion"
                                                              headerText="DESCRIPCION"  > 
                                                        <h:outputText value="#{detalle.idArticulo.nombreComercial}"  /> <br />
                                                        <h:outputText value="OBS: " rendered="#{detalle.observacion ne null and detalle.observacion ne ''}" /> 
                                                        <h:outputText value="#{detalle.observacion}" escape="false" rendered="#{detalle.observacion ne null and detalle.observacion ne ''}" />
                                                    </p:column>

                                                    <p:column id="idUnidadMedida" style="width: 60px;border-left: 1px solid #000 !important;text-align: center"
                                                              headerText="UM"  styleClass="print"> 
                                                        <h:outputText value="#{detalle.unidadMedidaForm}" class="print" /> 
                                                    </p:column>

                                                    <p:column id="idCantidad" style="width: 60px;border-left: 1px solid #000 !important;"
                                                              headerText="CANT." > 
                                                        <h:outputText value="#{detalle.cantidadForm}"  style="float: right" >
                                                            <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText> 
                                                    </p:column>

                                                    <p:column id="idPrecio" style="width: 60px;border-left: 1px solid #000 !important;"
                                                              headerText="P. UNIT."  
                                                              filterMatchMode="contains" > 
                                                        <h:outputText value="#{detalle.precioForm}" style="float: right" >
                                                            <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText> 
                                                    </p:column>

                                                    <p:column id="idSubTotal" style="width: 70px;border-left: 1px solid #000 !important;"
                                                              headerText="TOTAL" filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.subTotal}" style="float: right" >
                                                            <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </p:column>
                                                </p:dataTable>

                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="padding: 0;width: 110px" >
                                                <h:outputLabel value="CANT. TOTAL: " class="negrita print" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.cantidadTotal}" class="print" >
                                                    <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                                <h:outputText value=" #{BKOrdenCompra.ordenCompraFormulario.unidad}" class="print" />
                                            </p:column>

                                            <p:column style="width: 60px">
                                                <h:outputLabel value="VALOR VTA" class="negrita print" />
                                            </p:column>
                                            <p:column style="border: 1px solid #000000;width: 50px;margin: 0 1px 0 0"> 
                                                <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.subtotal}" class="print" style="float: right">
                                                    <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="padding: 0;width: 110px" >
                                                <h:outputLabel value="OBSERVACIONES: " class="negrita print" />
                                            </p:column>

                                            <p:column rowspan="2" >
                                                <div style="min-height: 36px">
                                                    <h:outputText  value="#{BKOrdenCompra.ordenCompraFormulario.observacion}" class="print" escape="false" />
                                                </div>
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="IGV (18%)" class="negrita print" />
                                            </p:column>
                                            <p:column style="border: 1px solid #000000">
                                                <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.igv}" class="print" style="float: right">
                                                    <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column >
                                                <h:outputLabel value=" " class="negrita print"  />
                                            </p:column>
                                            <p:column >
                                                <h:outputLabel value="TOTAL GRAL" class="negrita print"/>
                                            </p:column>
                                            <p:column style="border: 1px solid #000000;width: ">
                                                <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.total}" class="print" style="float: right">
                                                    <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                            </p:column>
                                        </p:row>

                                    </p:panelGrid>

                                </p:column>


                            </p:row>
                            <p:row>
                                <p:column style="border-top: 1px solid #000000">
                                    <h:outputLabel  value="IMPORTE TOTAL: " class="negrita print"/>
                                </p:column>
                                <p:column colspan="3" style="border-top: 1px solid #000000">
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.expresionTotal}" class="print"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel  value="EXPRESADO EN: " class="negrita print" />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.idTipoMoneda.nombre}" class="print"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="4">
                                    <h:outputLabel  value="CONDICIONES DE SERVICIO" style="text-decoration: underline" class="negrita print" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column >
                                    <h:outputLabel value="FORMA DE PAGO: " class="negrita print"/>
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.tipoPago} " class="print"/>
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.diasPago} DIAS " class="print" rendered="#{BKOrdenCompra.diasPago}" />
                                    <h:outputText value="(#{BKOrdenCompra.ordenCompraFormulario.diasLibres} DIAS LIBRES)" class="print" rendered="#{BKOrdenCompra.diasLibre}"/>
                                    <h:outputText value=" #{BKOrdenCompra.ordenCompraFormulario.detallePago}" class="print1" rendered="#{BKOrdenCompra.detallePago}"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column >
                                    <h:outputLabel value="PLAZO DE ENTREGA: " class="negrita print"/>
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.plazoEntrega}" class="print">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="border-bottom: 1px solid #000000">
                                    <h:outputLabel value="LUGAR DE ENTREGA: " class="negrita print" />
                                </p:column>
                                <p:column colspan="3" style="border-bottom: 1px solid #000000">
                                    <h:outputText value="#{BKOrdenCompra.ordenCompraFormulario.lugarEntrega}" class="print"/>
                                </p:column>

                            </p:row>



                            <p:row>
                                <p:column colspan="4" style="border-bottom: 1px solid #000000">
                                    <p:inplace editor="true" style="font-size: 9px;">  
                                        <p:inputText value="En su factura debe indicar el numero de Orden de Compra correspondiente."
                                                     label="text" style="width: 100%"/>  
                                    </p:inplace>  <br />
                                    <p:inplace editor="true" style="font-size: 9px">  
                                        <p:inputText value="Se debe firmar, sellar y devolver la presente Orden de Compra en señal de conformidad, el NO envio sera considerada como ACEPTADA." 
                                                     label="text" style="width: 100%"/>  
                                    </p:inplace>  <br />
                                    <p:inplace editor="true" style="font-size: 9px">  
                                        <p:inputText value="Adjuntar a su Factura la Orden de Compra, Guía de Remisión para proceder a su oportuna cancelación." 
                                                     label="text" style="width: 100%"/>  
                                    </p:inplace>  <br />
                                    <p:inplace editor="true" style="font-size: 9px">  
                                        <p:inputText value="En caso la mercadería sea importada o tenga algun insumo importado dentro de su producción, adjuntar la dua de Importación y Declaración 
                                                     Jurada para efectos de restitución arancelaria DRAWBACK." label="text" style="width: 100%"/>  
                                    </p:inplace>  <br />
                                    <p:inplace editor="true" style="font-size: 9px">  
                                        <p:inputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" label="text" style="width: 100%"/>  
                                    </p:inplace>  <br />
                                    <p:inplace editor="true" style="font-size: 9px">  
                                        <p:inputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" label="text" style="width: 100%"/>  
                                    </p:inplace> 

                                </p:column>
                            </p:row>

                        </p:panelGrid>



                        <p:panelGrid style="width:15%;margin: 10px auto;">

                            <p:row >
                                <p:column>
                                    <p:commandButton action="#{MBOrdenCompra.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print" rendered="#{BKOrdenCompra.ordenCompraFormulario.estadoOrden eq 'B'?false:true}" >  
                                        <p:printer target="verOrdenCompra"  />    
                                    </p:commandButton >
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                    </p:panel>	


                </h:form>
                <script type="text/javascript">
                    var node = document.getElementById('formulario:dataTablaDetalleOrden');
                    var newNode = document.createElement('div');
                    
                    var resta = parseInt(322-#{BKOrdenCompra.listaDetalleOrdenCompraServicio.size()}*15-16);
                        
                    newNode.style.cssText = 'width:70px;height:'+resta+'px;position:relative;border-left: 1px solid #000;float:right;clear: both;overflow:auto';
                    node.appendChild(newNode);
                </script>
            </f:view>
        </ui:define>

    </ui:composition>
</html>